<template>
  <!-- 信息列表卡片 -->
  <ul v-if="data" class="ul">
    <!-- <li v-for="(item,i) in data" :key="i">{{item.name}}：{{item.value}}</li> -->
    <li v-for="(item,i) in data" :key="i">
      <div class="left">{{ item.name }}：</div>
      <div class="right">{{ item.value }}</div>
    </li>
  </ul>
</template>

<script>
export default {
  props: {
    data: Array
  },
  data() {
    return {}
  },
  methods: {}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  ul {
    margin: 0 5px;
  }
  li {
    display: flex;
    margin-bottom: 10px;
    font-size: 14px;
    color: $light-font-color;
    word-break: break-all;
  }

  .left {
    flex: 0 0 auto;
  }
</style>

